<!DOCTYPE html>

<html>
<head>
	<link rel="stylesheet" href="../themes/themeroller/default-theme/ui.all.css" type="text/css" media="screen" />

	<link rel="stylesheet" href="../themes/nokia/base/base.css" type="text/css" media="screen">
	<link rel="stylesheet" href="../themes/nokia/base/lightbox.css" type="text/css" media="screen">
	<link rel="stylesheet" href="../themes/nokia/base/progressbar.css" type="text/css" media="screen">
	<link rel="stylesheet" href="../themes/nokia/base/busy.css" type="text/css" media="screen">

	<link rel="stylesheet" href="../themes/nokia/ext-theme/default/360x640/custom.css" type="text/css" media="screen" />

	<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lib/jquery/jquery.scrollTo.js" type="text/javascript" charset="utf-8"></script>

	<script src="../src/core.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/dom.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/util.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/widget.js" type="text/javascript" charset="utf-8"></script>

	<script src="../src/progressbar.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/lightbox.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/busy.js" type="text/javascript" charset="utf-8"></script>

	<style type="text/css" media="screen">
		body {
			font-size: 14px;
			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
		}

		#test {
			width: 200px;
			padding: 5px;
		}
	</style>

</head>

<body>

<br /><br />

<h1>Base File</h1>

<div id="test" class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Testing</div>

<script type="text/javascript" charset="utf-8">

	window.onload = function() {

		Nokia.SampleWidget = Nokia.Widget.extend({
			initialize: function(options) {
				var instance = this;

				instance._super.apply(instance, arguments);
			},

			foo: function() {
				this.progress(3000);

				//this.showLoading();
			},

			bar: function() {
				this.advice("Hello world");
			}
		});

		// creating a new instance of Nokia.SampleWidget that inherits from Nokia.Widget

		window.SampleWidget = new Nokia.SampleWidget({
			option1: 1,
			option2: 2
		});

		SampleWidget.foo(); // foo
		SampleWidget.vibrate(100, 100); // invoking inherited method from Nokia.Widget

		/*
		SampleWidget.note('Some note'); // invoking inherited method from Nokia.Widget
		*/
	};

</script>

</body>
</html>